*{
	padding: 0;
	margin: 0;
}

html,body{
	width:100%;
	height:100%;    
	color: #A7A1AE;
    background-color: #1F2739;
}

.form-content{
	height:250px;
	width:500px;
	position:absolute;
	top: calc(50% - 150px);
	left: calc(50% - 250px);
	border-radius:10px;
	background-color: #464A52;
    -webkit-box-shadow: 0 6px 6px -6px #0E1119;
    -moz-box-shadow: 0 6px 6px -6px #0E1119;
    box-shadow: 0 6px 6px -6px #0E1119;
    padding-top:50px;
}

.item{
	width:100%;
	height:50px;
	text-align:center;
}

.inp-txt{
	height:80%;
	width:60%;
	border-radius:30px;
	border:none;
	outline:none;
	background-color: rgba(255,255,255,.5);
	color: #fff;
	padding: 0 30px;
}

.inp-txt:focus{
	box-shadow: 0 0 5px 0 rgba(0, 0, 255, .5);
}

.btn {
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 255, .2);
    padding: 5px 10px;
    border:none;
    border-radius: 30px;
    width: 35%;
    height:40px;
}

.btn:hover {
    background-color: rgba(0, 0, 255, .5);
    box-shadow: 0 0 5px 0 rgb(0, 0, 0);
}
